.search-field {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
  height: 1.75em;
  margin: 1px 12px 0;
  border-radius: 50px;
  border: 1px solid lighten($gray, 30%);
  padding: 0 8px 1px 15px;

  input {
    width: 100%;
    min-width: 0; // Firefox
    border: 0;
    padding: 0;
    appearance: none;

    &:focus {
      outline: none;
    }
  }

  .icon-cross-small {
    transition: $anim-transition;
    fill: $gray;
  }
}
